.User {
    display: flex;
    align-items: center;
    justify-content: center;

    &>.user-form {
        margin-top: 30px;
        width: 70%;
        display: flex;

        &>.left {
            width: 50%;

            .ant-picker {
                width: 100%;
            }

            .ant-input {
                margin-left: 5px;
                font-size: 14px;
            }
        }

        &>.right {
            width: 50%;
            display: flex;
            justify-content: center;

            .right-img {
                width: 300px;
                height: 300px;
                background-color: #f7f7f7;
                box-shadow: 5px 5px 10px #ccc;
                border-radius: 50%;
                overflow: hidden;

                &>img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;

                }
            }
        }
    }
}